<template>
	<div class="home">
		<NavHeader :subNav="subNav"></NavHeader>
		<IndexPage>
			<template v-slot:back>
				<span>你好</span>
			</template>
			<template v-slot:front>
				<span>
					我是后面的
				</span>
			</template>
		</IndexPage>
	</div>
</template>
<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import NavHeader from "@/components/Common/NavHeader/Index.vue";
import IndexPage from "@/views/IndexPage/Index.vue";
export default {
	name: "Home",
	data() {
		return {
			subNav: [
				{
					path: "/index/recommend",
					text: "推荐",
				},
				{
					path: "/index/backend",
					text: "后端",
				},
				{
					path: "/index/frontend",
					text: "前端",
				},
				{
					path: "/index/android",
					text: "Android",
				},
			],
		};
	},
	components: {
		HelloWorld,
		NavHeader,
		IndexPage,
	},
	computed: {},
	watch: {},
	methods: {},
};
</script>
<style lang="scss" scoped>
a {
	font-weight: bold;
	color: #2c3e50;
	&.router-link-exact-active {
		color: red;
	}
}
</style>
